@charset "utf-8";

/* ---------------------------------------------------------------------------------------
 * common
--------------------------------------------------------------------------------------- */
	.pagination:empty { display: none; }
	.pagination > li > a, .pagination > li > span { padding: 6px 10px; }
	html, body { font-family: Arial, "Microsoft JhengHei", sans-serif; }
	body * { font-family: Arial, "Microsoft JhengHei", sans-serif; }
	.base-title {
		color: #714507;
	    font-size: 24px;
	    text-transform: uppercase;
	    margin-bottom: 1em;
	    font-weight: bold;
	}
	.oz-main>.container { padding: 3em 15px; }
	.base-btn {
		display: inline-block;
		font-size: 16px;
		line-height: 45px;
		color: #fff;
		height: 45px;
		padding: 0 20px;
		min-width: 192px;
		max-width: 100%;
		border: 0;
		text-align: center;
		background-color: #d0111b;
	}
	.base-btn:hover {
		text-decoration: none;
		color: #fff;
		background-color: #ccc;
	}
	.base-note { color: #666; font-size: 14px; margin: 5px 0; font-weight: normal; }
	.base-note a { color: #d0111b; }
	.base-note a:hover { text-decoration: none; color: #888; }
.modal-dialog { 
	max-width:890px; 
	width: 100%; 
	position:relative;
	top:15%;
	}
.main-pop img{
	width:100%;
	border: 3px solid #fff;
}

.main-pop ul{
	width:100%;
	
	}
.main-pop ul li{
	width:50%;
	display:block;
	float:left;
	padding: 0px 1px;
	background: #fff;}
#header{
	position:relative;
	width:100%;
	max-width:890px;
	margin:0 auto;}
#header img {
    width: 100%;
    padding-left: 10px;
}
	
	.base-pattern { background-image: url('../images/line-pattern.png'); }
	@media (max-width:479px) {
		.base-btn { min-width: 0; }
	}

	/* video */
	.video-container {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 30px; height: 0; overflow: hidden;
	}


	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	/* share-box */
	.share-box img { height: 40px;}
	.share-box { padding: 0; margin: 0; position: static; display: inline-block; vertical-align: middle; background-color: transparent; box-shadow: none; }
	.share-box li span { display: none; }
	.share-box li { line-height: 0;  display: inline-block; vertical-align: middle; }
	.share-box li:hover a { background-color: transparent; opacity: .8; }
	.share-box>li>a { padding: 0; margin: 0; display: block; }
	.share-box .copy-text {
		font-size: 0;
		height: 0;
		opacity: 0;
		line-height: 0;
		width: 0;
		text-indent: -999999px;
		position: absolute;
	}
	.share-box .i-link { position: relative; }
	.share-box .i-link .copy-box:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 5px 8px 5px;
		border-color: transparent transparent #d0111b transparent;
		position: absolute;
		top: -8px;
		left: 150px;
		margin: auto;
	}
	.share-box .i-link .copy-overlayer {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		height: 100%;
		background-color: rgba(0, 0, 0, .2);
		z-index: 99999;
	}
	.share-box .i-link .copy-box { 
		position: absolute; 
		left: 0;
		top: 100%;
		background-color: #d0111b;
		color: #fff;
		z-index: 99999;
		white-space: nowrap;
		padding: 10px;
		width: 300px;
		margin-left: -140px;
		font-size: 13px;
		margin-top: 8px;
		line-height: 1em;
	}
	.share-box .i-link #copy-success.copy-box { width: 120px; margin-left: 0; left: 0; }
	.share-box .i-link #copy-success.copy-box:before { left: 11px; }
	.share-box .i-link #copy-error.copy-box { width: 120px; margin-left: 0; left: 0; }
	.share-box .i-link #copy-error.copy-box:before { left: 11px; }
	.share-box .i-link .copy-box b { display: block; text-align: center; }
	.share-box .i-link .copy-box input { width: 100%; display: block; margin-bottom: 5px; }
	.share-box .copy-text {
		font-size: 0;
		height: 0;
		opacity: 0;
		line-height: 0;
		width: 0;
		text-indent: -999999px;
		position: absolute;
	}
	@media (max-width:767px) {
		.share-box { margin-bottom: 3px; }
		#header img {padding-right:7%;}
		.main-pop ul {width: 93%;}
		.main-pop ul li {width: 100%;}
	}

	.banner-slick { visibility: hidden; padding: 0; margin: 15px 0 0 0; }
	.banner-slick.slick-initialized { visibility: visible; }
	.home-pd-menu { margin-top: 15px; }

	/* Dots */
	.slick-dotted.slick-slider {
	    margin-bottom: 30px;
	}

	.slick-dots {
	    position: absolute;
	    bottom: -25px;

	    display: block;

	    width: 100%;
	    padding: 0;
	    margin: 0;

	    list-style: none;

	    text-align: center;
	}
	.slick-dots li {
	    position: relative;

	    display: inline-block;

	    width: 15px;
	    height: 20px;
	    margin: 0;
	    padding: 0;

	    cursor: pointer;
	}
	.slick-dots li button {
	    font-size: 0;
	    line-height: 0;

	    display: block;

	    width: 15px;
	    height: 20px;
	    padding: 0;

	    cursor: pointer;

	    color: transparent;
	    border: 0;
	    outline: none;
	    background: transparent;
	}
	.slick-dots li button:hover,
	.slick-dots li button:focus {
	    outline: none;
	}
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before {
	    opacity: 1;
	}
	.slick-dots li button:before {
	    font-size: 6px;
	    line-height: 20px;

	    position: absolute;
	    top: 0;
	    left: 0;

	    width: 20px;
	    height: 20px;

	    content: '●';
	    text-align: center;

	    opacity: .25;
	    color: black;

	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before
	{
	    opacity: .75;
	    color: black;
	}

	/* slick-slider */
	.pd-slick1 { visibility: hidden; }
	.slick-initialized { visibility: visible; }
	.pd-slick-style {
		padding: 0 20px;
		margin: 0;
		margin-top: 1%;
	}
	.pd-slick-style .slick-slide {
		padding: 0 15px;
		
	}
	.pd-slick-style .slick-slide .inner {
		border: 1px solid #E7DFD1;
	}
	.pd-slick-style .slick-slide img {
		cursor: pointer;
		position: relative;
	}
	.pd-slick-style .slick-slide p {
		color: #dc0505;
		text-shadow: 1px 0px 0px #a71e0b;
		-webkit-text-shadow: 1px 0px 0px #a71e0b;
		-moz-text-shadow:1px 0px 0px #a71e0b;
		-o-text-shadow: 1px 0px 0px #a71e0b;
		font-weight: 300;
		font-size: 1.1em;
	}
	.pd-slick-style .slick-slide img {
		cursor: pointer;
		position: relative;
	}
	.slick-arr{
		width:30px;
		height:30px;
		position: absolute;
		cursor: pointer;
		z-index: 100;
		top: 50%;
		margin-top: -15px;
	}
	.slick-arr-left {
		left: 0px;
		background: url(../images/img-sprite.png) no-repeat -145px -106px;
	}
	.slick-arr-right {
		right: 0px;
		background: url(../images/img-sprite.png) no-repeat -182px -106px;
	}

	.home-bottom .a-top { text-align: left }

	/* home-video */
	.home-video-spinner { margin-top: 30px; }
	.home-video { margin: 15px 0; padding: 0 35px; }
	.home-video .item { padding: 3px; }
	.video-title {
	    color: #000;
	    font-size: 1em;
	    font-weight: 300;
	    padding: 0 5px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    margin-top: 6px;
	    text-align: center;
	}
	.youtube-area{
		width:100%;}
	.youtube-area ul{
		width:100%;
		padding:0;}
	.youtube-group{
		position:relative;
		width:33%;
		display:block;
		float:left;
		padding: 1% 1%;
		}
	.youtube-play {
    width: 20%;
    position: absolute;
    top: 35%;
    left: 40%;
    z-index: 1;
}
.youtube-play:hover{
	opacity:0.8;
	}
	.youtube-area img{
		width:100%;
		height:auto;}
	/* .home-center ul.spinner:nth-of-type(1) { margin-top: 0; } */
	.menu-btn {
	  display: inline-block;
	  background: url(../images/icon/menu.html) no-repeat 44px 9px #d0111b;
	  background-size: auto 19px;
	  padding: 6px 10px 6px 10px;
	  position: relative;
	}
	.menu-btn .line {
	  display: block;
	  width: 26px;
	  height: 3px;
	  margin: 4px 0;
	  border-radius: 1px;
	  background-color: #fff;
	}
	
	.header_bottom { border-bottom: 3px solid #F5A100; }

	@media (min-width:992px) {
		.pushy { display: none!important; }
	  	body .menu-btn { display: none; }
	  	body.openMenu .site-overlay { display: none!important; }
	}
	@media (max-width:991px) {
		.PcMenu { display: none!important; }
		.banner-slick { margin-bottom: 50px; }
		.header_bottom-box { position: relative; }
		.menu-btn {
		  position: absolute;
		  left: 15px; top: 6px;
		}
		.header_bottom_left .logo { margin-left: 60px; }
		.logo img { height: auto; }
		.search { top: 9px; }
	}
	@media (max-width:767px) {
		.home-video-spinner { margin-top: 60px; }
		.home-video .item { width: 50%; }
		.home-video { margin: 7px -15px 20px -15px; padding: 0 33px; }
		.home-center ul.spinner:nth-of-type(1) { margin-top: 3em; }
		.home-bottom .content_middle_bottom { padding-top: 0; }
		.banner-slick { margin-bottom: 0; }
		.menu-btn {
			position: absolute;
			left: 15px; top: 6px;
		}
		.header_bottom-box { text-align: center; }
		.header_bottom_left .logo {     margin-bottom: 5px; text-align: left; margin-left: 0; }
		.header_bottom_left .logo a { display: inline-block; }
		.header_bottom_left, .header_bottom_right { float: none; width: 100%; }
		.header_bottom_left:after, .header_bottom_right:after { content: ''; display: block; clear: both; }
		.menu-btn {
		  left: auto; right: 15px; top: 10px;
		}
		.search { width: 100%; }
	}


/* ---------------------------------------------------------------------------------------
 * share-ls
--------------------------------------------------------------------------------------- */
	.account-wrap {
		text-align: center;
		padding: 2em 0;
		background-color: rgba(234, 209, 210, 0.47);
	}
	.account-name { margin-bottom: 10px; color: #714507; }
	.account-name .welcome { display: inline-block; border-right: 1px solid #714507; padding-right: 15px; margin-right: 10px; }
	.account-name .name { font-size: 22px; }
	.account-name .text-btn { display: inline-block; margin: 0 5px; color: #666; font-size: 14px; }
	.account-wrap .base-btn { 
		position: relative; 
		display: inline-block; 
		height: 30px; 
		line-height: 30px; 
		width: auto; 
		border-radius: 5px 0 5px 0;	}
	.account-wrap .base-btn.active:after {
		content: '';
        display: block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 8px 8px 0 8px;
	    border-color: #d0111b transparent transparent transparent;
	    position: absolute;
	    bottom: -8px;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	.account-wrap .base-btn:hover,
	.account-wrap .base-btn:focus { background-color: #ccc; color: #d0111b; text-decoration: none; }
	.account-wrap .base-btn.active:hover:after { border-color: #ccc transparent transparent transparent; }
	@media (max-width:479px) {
		.account-name .name { font-size: 20px; } 
	}

	.delete-btn {
		background: #8e8e8e;
	}
	.delete-btn:hover {
		background: #b7b7b7;
	}

	/* .share-url-list */
	.share-url-list th { text-align: center; }
	  .share-url-list tr td { color: #666; font-size: 14px; }
	  .share-url-list .t-url a { vertical-align: middle; display: inline-block; }
	  .share-url-list .t-name .img-wrap img { width: 80px; }
	  .share-url-list .t-name .mb-content { }
	  .share-url-list .t-name .mb-content .img-wrap { display: table-cell; vertical-align: top; width: 80px; }
	  .share-url-list .t-name .mb-content .text-wrap { padding: 0 0 0 8px; display: table-cell; vertical-align: middle; }
	  .share-url-list .t-name h3 { font-size: 13px; line-height: 1.3em; margin: 0; color: #d0111b; }
	  .share-url-list .t-name b { font-size: 12px;  font-weight: normal;}
	  .share-url-list .t-name b span {  color: #573c27; font-weight: bold;  margin: 0 9px 0 0; }
	  .share-url-list .tag-wrap { margin: 0 0 4px 0; padding: 0; }
	  .share-url-list .tag-wrap li {
			display: inline-block;
			font-size: 12px;
			padding: 3px 8px;
			line-height: 1em;
			margin: 0 5px 0 0;
			background-color: #e8e8e8;
	  }
	  .share-url-list tr.done td { background-color: #eee; color: #bbb; }
	  @media (min-width:1200px) { 
	    .share-url-list tr th, .share-url-list tr td { background-color: #fff; text-align: center; padding:7px 9px; border:1px solid #e8e8e8; }
	    .share-url-list tr th { font-size: 14px; background-color: #f9f9f9;  }
	    .share-url-list tr .mb-title { display: none; }
	    .share-url-list tr:hover td { background-color: #eee; }
	    .share-url-list tr td .mb-content { display: block; }
	    .share-url-list tr .t-left { text-align: left; }
	    .share-url-list tr .t-rc { text-align: center; padding: 0; }
	    .share-url-list tr .t-rc input.rc + label .rc-box { margin: 0; }
	    .share-url-list tr .t-rc input.rc + label { margin: 0; }
	  }
	  @media (max-width:1199px) {
	    .share-url-list tr { 
	      display: block;
	      margin-bottom: 10px;
	      border: 1px solid #d0111b;
	      overflow: hidden;
	      background-color: #fff;
	    }
	    .share-url-list tr.pc-title { border: none; }
	    .share-url-list tr.pc-title th { display: none }
	    .share-url-list tr td { display: block; width: 100%; padding:0; border-bottom:1px solid #e8e8e8;  }
	    .share-url-list tr td:last-child { border-bottom:none; }
	    .share-url-list tr .mb-title {  
	      text-align: center;
	      display: table-cell;
	      width: 85px;
	      padding: 5px 8px;  
	      background: #f9f9f9;  
	      border-right: 1px solid #e8e8e8;
	      font-weight: bold;
	      font-size: 13px;
	    }
	    .share-url-list tr td .mb-content { font-size: 13px; display: table-cell; padding:5px 10px;     vertical-align: middle; }
		
		/* rc-wrap all */
		.share-url-list tr.pc-title th.t-rc { padding: 6px; text-align: left; display: block; width: 100%; border: none; }
		.share-url-list tr.pc-title th.t-rc .mb-title { border: none; display: inline-block; width: auto; padding: 0; }
		.share-url-list tr td.t-rc { padding: 5px; background: #d0111b;  }
		.share-url-list tr td.t-rc .rc-wrap,
		.share-url-list tr td.t-rc label { margin: 0; display: block; width: 100%; }
		.share-url-list tr td.t-rc label:after { content: '選擇'; color: #fff; }
	  }
	  @media (max-width:1199px) and (min-width:768px) { 
	  	.share-url-list tr { display: inline-block; vertical-align: top; width: 48.7%; margin: .5%; }
	  	.share-url-list tr.pc-title { display: block; width: 100%; }
	  }
	  @media (max-width:479px) {
	  	.share-url-list .t-name .mb-content .img-wrap { display: block; margin-bottom: 5px; }
	  	.share-url-list .t-name .mb-content .text-wrap { display: block; padding: 0;}
	  }

	.filter-wrap { text-align: center; margin-bottom: 20px; }
	.filter-wrap select.ss { width: 120px; display: inline-block; font-size: 14px; }
	.filter-wrap input { width: 150px; display: inline-block; }
	.filter-wrap button { height: 40px; line-height: 40px; width: 40px; min-width: 0; padding: 0; }
	.filter-wrap .fil-text,
	.filter-wrap .fil-date { display: inline-block; vertical-align: middle; }
	@media (max-width:767px) {
		.filter-wrap select.ss { width: 25%; float: left; }
		.filter-wrap .fil-text { width: 100%; margin-top: 3px;position: relative; }
		.filter-wrap .fil-date { width: 75%; float: left; padding-left: 3px; }
		.filter-wrap .fil-text input { width: 100%; padding-right: 50px; }
		.filter-wrap .fil-date input { width: 50%; float: left; }
		.filter-wrap .fil-text button { position: absolute; right: 0; top: 0; }
	}
	@media (max-width:479px) {
		.filter-wrap select.ss { float: none; width: 100%; }
		.filter-wrap .fil-text input { width: 100%; }
		.filter-wrap .fil-date input { width: 50%; float: left; }
		.filter-wrap .fil-text { display: block; margin-top: 10px;  }
		.filter-wrap .fil-date { padding: 0; width: 100%; float: none; display: block; margin-top: 10px; }
		
	}

	.bonus-wrap {
		margin-bottom: 20px;
	}
	.bonus-wrap .pull-left span { font-size: 15px; color: #d0111b; display: inline-block; margin-left: 10px; }
	.bonus-wrap .pull-right { font-size: 22px; color: #00aced; margin-top: 8px; }
	.bonus-wrap .pull-right .bb { font-size: 15px; color: #444; margin-top: 13px; }
	@media (max-width:767px) {
		.bonus-wrap .pull-left, .bonus-wrap .pull-right { text-align: center; float: none!important; }
		.bonus-wrap .pull-right { margin: 0 0 8px 0; }
	}

	.notice-btn { color: #d0111b; font-size: 14px; }
	.notice-btn:hover,.notice-btn:focus { outline: none; text-decoration: none; color: #E74C3C; }


/* ---------------------------------------------------------------------------------------
 * pd-list
--------------------------------------------------------------------------------------- */
	.pd-list .box_inner { margin-bottom: 30px; }


/* ---------------------------------------------------------------------------------------
 * regi/login/forgot
--------------------------------------------------------------------------------------- */
	.notice-text {
		color: #d0111b;
	    display: inline-block;
	    font-size: 14px;
	    vertical-align: middle;
	    margin-bottom: 3px;
	}
	.circle-box { margin-bottom: 30px; }
	.circle-box .t-table {
		display: table;
		width: 100%;
	}
	.circle-box .t-td {
		display: table-cell;
		vertical-align: middle;
		position: relative;
		text-align: center;
	}
	.circle-box img { width: 400px; max-width: 100%; }
	.circle-box .text-wrap {
		position: absolute;
		top: 50%;
		margin-top: -98px;
		left: 0;
		right: 0;
		text-align: center;
		color: #535353;
		font-size: 27px;
	}
	.circle-box .text-wrap h3 { font-size: 35px; color: #714507; }
	.circle-box a { height: 30px; line-height: 30px; font-size: 14px; background-color: #714507; }
	.circle-box .text-wrap .base-btn2 {
		background-color: #737373;
	}
	
	.log-r { padding-bottom: 20px; }

	/*---------------------log-----------------*/
	.log-bottom { margin-top: 20px;  }
	.log-bottom a { color: #444; }

	.page-regi-wrap .login-form { margin-bottom: 30px; }
	.page-regi-wrap .login-form ul li { width: 49.5%; display: inline-block; }
	.oror { margin-bottom: 20px; font-size: 17px; }
	@media (max-width:767px) {
		.page-regi-wrap .login-form ul li { width: 100%; }
	} 


	.captcha-wrap a { position: absolute; right: 0; top: 2px; z-index: 10; }

	.form-area { 
		background-color: rgba(255, 255, 255, 0.45); 
		padding: 30px; 
		-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
	    -webkit-box-shadow: 0 0 40px rgba(88, 12, 12, 0.09);
	    -moz-box-shadow: 0 0 40px rgba(88, 12, 12, 0.09);
	    box-shadow: 0 0 40px rgba(88, 12, 12, 0.09);
    	border: 1px solid #f1eaec;
	}
	.form h2.area-title {
		border-left: 4px solid #d0111b;
		padding: 0 10px;
		margin-bottom: 25px;
		margin-top: 30px;
		font-size: 20px;
		display: block;
	}
	.form h2.area-title:nth-of-type(1) { margin-top: 0; }
	.form .form-control { height: 40px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
	.form .form-group .error { color: #d20909; font-size: 14px; font-weight: bold; }
	.form .form-group>label { font-weight: normal; font-size: 14px; margin-right: 6px; }
	.form .form-group.hor-g { position: relative; }
	.form .form-group.hor-g.captcha-wrap>label { width: 60px; }
	.form .form-group.hor-g.captcha-wrap>.con { margin-left: 70px; }

	.form .form-group.must>label:after { content: '*'; display: inline-block; color: #d20909; margin: 0 0 0 6px; }
	.form .con { position: relative; }
	.form .form-group.hor-g .con { margin-left: 100px; font-size: 14px; min-height: 32px; }
	.form .form-group.hor-g>label {
		width: 90px;
	    position: absolute;
	    left: 0;
	    top: 0;
	    line-height: 1.4em;
	    font-size: 14px;
	}
	.form .form-group.hor-g.text-g>label { line-height: 1.4em; min-height: 0; margin: 0 10px 0 0; width: auto; position: static; display: inline-block; vertical-align: top; }
	.form .form-group.hor-g.text-g .con { line-height: 1.4em; min-height: 0; display: inline-block; vertical-align: top; margin-left: 0; }
	.form .form-group-half:after { content: ''; display: block; clear: both; }
	.form .form-group-half .form-group { float: left; width: 50%; }
	.form .form-group-half .form-group:nth-child(1) { padding-right: 1%; }
	.form .form-group-half .form-group:nth-child(2) { padding-left: 1%; }

	.form .form-group.address-wrap .maparea {
	    display: inline-block;
	    margin-right: 5px;
	    padding: 6px 7px;
	    line-height: 1em;
	    font-size: 14px;
	    background-color: #e1e1e1;
	}
	.form .form-group.address-wrap select { width: 49.5%; margin-bottom: 10px; float: left; }
	.form .form-group.address-wrap select:nth-child(1) { margin-right: .5%; }
	.form .form-group.address-wrap select:nth-child(2) { margin-left: .5%; }

	.form .form-group .rc-other { position: relative; padding-left: 60px; }
	.form .form-group .rc-other .rc-wrap { position: absolute; left: 0; top: 4px; width: 55px; margin: 0; }

	.form .form-group.name-wrap .con { padding-right: 100px; }
	.form .form-group.name-wrap .sex-box { position: absolute; right: 0; top: 6px; }

	.form .form-group.bank-name-wrap .con { padding-right: 90px; }
	.form .form-group.bank-name-wrap .bank-id { width: 80px; position: absolute; right: 0; top: 0; }

	.form .form-group.term-wrap input.rc + label { font-size: 14px; }

	@media (max-width:767px) {
		.form .rc-table tr td { display: block; width: 100%; }
	}


	.btn { color: #fff; font-size: 16px; padding: 10px; }
	.rc-wrap { display:inline-block}
	input.rc {


	    display:none;
	}
	input.rc + label {
	    font-size: 13px;
	    margin-right:10px;

	}
	input.rc + label .rc-box {
	    display:inline-block;
	    width:14px;
	    height:14px;
	    background:#fff;
	    border:1px solid #BABABA;
	    cursor:pointer;
	    margin:-3px 5px 0 0;
	    vertical-align:middle;
	    box-shadow: inset 0px 0px 2px 1px rgba(215, 215, 215, 0.72);

	}
	input.rc:checked + label .rc-box:before {
	    width:8px;
	    height:8px;
	    margin:2px auto;
	    content:'';
	    display: block;

	}
	input.rc[type="radio"] + label .rc-box, input.rc[type="radio"]:checked + label .rc-box:before {
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    -o-border-radius: 50%;
	}
	input.rc[type="checkbox"] + label .rc-box, input.rc[type="checkbox"]:checked + label .rc-box:before {
	    border-radius: 2px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    -o-border-radius: 2px;
	}
	input.rc[type="radio"]:checked + label .rc-box:before {
	    background:#444;
	}
	input.rc[type="checkbox"]:checked + label .rc-box:before  {
	    background: url(../images/icon/tick.png) no-repeat center center;
	}

	select.ss {
	  background-image: url(../images/icon/select-arr.png);
	    width: 100%;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background-position: right center;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    padding:0 28px 0 10px;
	    background-color: #F8F8F8;
	    height:40px;
	    border-radius: 0;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border:1px solid #CDCDCD;
        background-size: 30px auto;
	}
	select.ss:focus { outline: none; }
	select.ss::-ms-expand {    display: none;}
	select.ss-sm {
	  height: 25px;
	  line-height: 25px;
	  width: 33%;
	  display: inline-block;
	}
	::-webkit-input-placeholder {
	   color: #444;
	}

	:-moz-placeholder { /* Firefox 18- */
	   color: #444;
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   color: #444;
	}

	:-ms-input-placeholder {
	   color: #444;
	}





@media (max-width:1199px) {
	.block-layered-nav dt { padding: 6px 10px; }
	.home-pd-menu.block .block-content { padding-top: 4px; }
}

.base-note a.blue_w {
	color: #00aced;
}





