body{font: 15px/26px Verdana, Arial, sans-serif; color: #666; font-weight: 400;background: #fff; }
*{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input, p {  font-weight:400; list-style: none; }
a{text-decoration: none;color:#4095ff; }
a:hover{text-decoration: underline;}
img { border:0; max-width: 100%;}
.clear{clear:both; height:0;}
.Details,.detail {width: 1160px; margin:0 auto;}
/* CSS Document */
.DivMain01 {  background: url(../../mac-dvd-video-converter-how-to/images/rip-dvd-mac/div01-bg01.jpg) bottom center no-repeat; }
.DivMain01 .Details { height:278px;  }
.DivMain01 .Logo { width: 116px; height: 36px; padding: 20px 0 0 20px; }
.DivMain01 h1 { font-size: 35px; font-weight: 800; color: #fff; text-align: center; padding: 75px 0 0; }
.DivMain01 h2 {  color: #ff9c00; font-size: 23px; text-align: center; padding: 30px 0 0; }
.DivMain01 .Time { width: 287px; height: 62px; background: url(../../mac-dvd-video-converter-how-to/images/rip-dvd-mac/time.png) center no-repeat; margin: 60px auto 0; }
.DivMain01 .Time ul { font-size: 27px; }
.DivMain01 .Time ul li { float: left; width: calc(25% - 5px); text-align: center; padding: 10px 5px 0 0;  float: left; color: #333;}
.DivMain01 h3 {  font-size: 17px; color: #a2acc0; text-align: center; padding: 5px 0 0; }
/* CSS Document */
.DivMain2 {  background: url(../../mac-dvd-video-converter-how-to/images/rip-dvd-mac/div01-bg02.jpg) center no-repeat; }
.DivMain2 .Details { height: 144px; background: #fff; padding: 6px 0 0 9px; width: 1080px;}
.DivMain2 .Left { width:264px; float: left;  margin: 0 4px 0 0; }
/* CSS Document */
.DivMain02 { background: #f7f8fa; }
.DivMain02 .Details { padding: 80px 0 10px; }
.DivMain02 .Tab { width: 85%; margin: 0 auto; }
.DivMain02 .Left { width: 25%; float: left;   text-align: center; font-size:15px; }
.DivMain02 .Left i { display: block; text-align: center; font-style: normal; color: #7b8090; }
/* -----------*/
.main03{ padding-bottom:90px;}
.main03 h2{font-size: 21px;text-align: center;padding: 55px 0 20px;color: #333;}
.main03 > p{text-align: center;}
.main03 .Tab { width: 85%; margin: 0 auto; padding: 65px 0 45px; }
.main03 .Left { width: 32%; float: left;  font-size: 21px; text-align: center; padding: 10px 0; }
.main03 .Tab>div{background: url(../../mac-video-converter-pro/img-style/comp-div05-icon01.png) bottom no-repeat;}
.main03 .Tab>div p a { display: block; width: 100%;color: #000 ; }

.main03 .Tab>div p a:hover{color: #5e7df0;text-decoration: none;}
.main03 .Left.on,.main03 .Left:hover{background: url(../../mac-video-converter-pro/img-style/comp-div05-icon02.png) bottom no-repeat;color: #5e7df0;}
.main03_content{box-shadow: 2px 5px 10px #bfd0fd;border-radius: 5px; padding-bottom:30px;background:url(../../mac-video-converter-pro/images/winner/bt1.png) left top no-repeat;}
.main03_content .main03_cleft{float: left; width: 37%; padding: 50px 12% 0 9%;}
.main03_content .main03_cleft .pro{font-size: 19px;font-weight: bold;color: #333;padding: 20px 0 5px;}
.main03_content .main03_cleft .pro span{font-size: 13px;font-weight: normal;display: inline-block;padding: 0 10px;border-radius: 5px;border:1px solid #333; line-height: 24px;}
.main03_content .main03_cleft .pirce{font-size: 17px;color: #91abf2; text-align: center;}
.main03_content .main03_cright{float: left;padding: 60px 0 0 0; width:41%;}
.main03_content .main03_cright .t{font-size: 24px;font-weight: bold;color: #333; padding-bottom:30px;}
.main03_content .main03_cright .main03_move{height: 242px; overflow: hidden; position:relative;}
.main03_content .main03_cright ul{ position:absolute; left:0; top:0; width:100%;}
.main03_content .main03_cright ul li{padding: 2px 0 2px;}
.main03_content .main03_cright ul li span{display: inline-block;padding-right: 20px;width: 100px;}

.main03_content2{box-shadow: 2px 5px 10px #bfd0fd; margin: 75px 0; position:relative;border-radius: 5px; padding-bottom:35px;background:url(../../mac-video-converter-pro/images/winner/bt2.png) left top no-repeat;}
.main03_content3{background:url(../../mac-video-converter-pro/images/winner/bt3.png) left top no-repeat;margin: 20px 0 75px;}
.main03_content2 .p1{float: left;}
.main03_content2 .p1 img{position: relative; margin: -17px 0 0 -23px; max-width: none;}
.main03_content3 .p1 img{position: relative; margin: -34px 0 0 -34px; max-width: none;}
.main03_content2 .left {float:left;width: 43%;text-align: center;}
.main03_content2 .left .pic{padding: 50px 0 0 0;}
.main03_content2 .left .pro{font-size: 19px;font-weight: bold;color: #333;padding: 15px 0 5px;}
.main03_content2 .left .pirce{font-size: 17px;color: #91abf2; text-align: center;}
.main03_content2 .right .t{font-size: 19px;color: #333;font-weight: bold;padding: 150px 0 20px 0;}

.main03_content2 .time_box3{ float:right; width:43%;}
.main03_content2 .time_box3 .t{ font-size:22px; font-weight:bold; padding:15px 0 10px;}
.main03_content2 .time_box3 .mess{ color:#666666; font-size:14px; padding:0 100px 10px 0;}
.main03_content2 .time_box3 .w_box{ background:#f8f8f8; width:71%; padding:10px 25px; border:1px dashed #949494; margin:10px 0; border-radius:10px; color:#666;}
.main03_content2 .time_box3 .w_box p{ padding:5px 0;}
.main03_content2 .time_box3 .w_box p img{padding-right:8px;}
.main03_content2 .time_box3 .mess2{ padding:0 0 15px;}
.main03_content2 .time_box3 ul{background:url(../image-style/xmas-winners/time.png) left center no-repeat; width:316px; height:57px;}
.main03_content2 .time_box3 ul li{ float:left;list-style: none;font-size: 36px; width: 57px;padding: 17px 22px 0 0; text-align:center; color:#bf010d;}

.main03_content2 .winner{ float:right; width:34%; padding-right:10%;}
.main03_content2 .winner .t{font-size: 24px;color: #333;font-weight: bold;padding: 50px 0 30px 0;}
.main03_content2 .people_one{border:1px solid #f1f1f1; border-left:2px solid #4373f9; box-shadow:0 0 5px #f1f1f1; border-radius:0 5px 5px 0; padding:10px 5px; margin:5px 0;}
.main03_content2 .people_one .r{ float:right; padding:5px 0 0 0;}
.main03_content2 .people_one > img{float:left; padding:0 10px 0 5px;}
.main03_content2 .people_one .txt{font-size:13px; color:#666666; float:left; line-height:21px; }
.main03_content2 .people_one .txt span{font-size:15px; color:#333333; font-weight:bold;}
.main03_content2 .people_one .txt a{ color:#4373f9;}
.main03_content2 .winner p{ font-size:13px; line-height:20px; padding:30px 0 0 0;}

.main03_content2 .winner2 .t{ padding:80px 0 60px;}
.main03_content2 .winner2 p{ padding-top:50px;}

.main04{background: #f7f8fa;text-align: center;padding: 60px 0;}
.main04 h2{font-size: 24px;color: #333;}
.main04 .start{font-size: 23px;padding: 45px 0 20px;}
.main04 .start a{color: #fff;display: inline-block;background: #4b70d9;padding: 0 25px;border-radius: 35px; line-height: 62px;}
.main04 .start a:hover{text-decoration: none;}
.main04 .mess {font-size: 13px;}
.main04 .mess a{color: #666;}


/* CSS Document */
.DivFoot { background:#1f222a;}
.DivFoot .Details { padding:10px 0; text-align:center; color:#787d80;}
.DivFoot p { padding:5px 0;}
.DivFoot p i { font-style:normal;}
.DivFoot a { color:#cccccc; text-decoration:none;}

.MainFoot { background:#1f222a; color:#767f86; text-align:center; font-size:13px;}
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#767f86; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block;}

@media (max-width: 979px) {
	.mobileSeoNo{ display:none;}
	.Details,.detail{ width:96%;}
	/* -----------*/
	.DivMain01 .Left h3 {  font-size: 27px;  padding: 30px 20px 20px; line-height: 36px;  }
	.DivMain01 .Left h3 i { font-size: 17px;  }
	/* -----------*/
	.DivMain2 .Details{width:100%; height:auto;}
	
	.main03_content{ padding:20px 10px;}
	.main03_content .main03_cleft{padding: 50px 5% 0 0;width: 52%;}
	
	.main03_content2 .winner{ width:43%; padding-right:1%;}

}

@media (max-width: 767px) {
	.DivMain02 .Left { width: 50%;  }
	/* -----------*/
	.main03 .Tab{width: 100%;}
	.main03 .Left{width: 33%;}
	.main03_prize .pr_one{width:96%;margin: 0 auto; float: none;}
	.main03_prize .pr_two{margin: 15px 0;}
	/* -----------*/
	.main03_content .main03_cleft{width: auto;}
	.main03_content .main03_cright{ width:100%;}
	.main03_content2 .left{width: auto;float: none;}
	.main03_content2 .right .t{padding: 20px 0 20px 0;}

	.main03_content2 .winner{float:none; width:auto;}

	
}

@media  (max-width: 479px) {
	
	body{font: 13px/23px Verdana, Arial, sans-serif;}

	.DivMain01 h1{padding-top:50px;font-size: 25px;}
	.DivMain01 h2{font-size:18px;}
	/* -----------*/
	.main03_content {background-size: 95%;}
	.main03_content2 .left .pro,.main03_content2 .right .t{font-size: 17px;}
	.main03_content2 .time_box3{float:none; width:100%;}
	.main03_content2 .time_box3 .w_box{width:85%;}
	.main03_content2 .time_box3 .mess{padding-right:0;}
	/* -----------*/
	.main04 h2{font-size: 19px;}
	.main04 .start{font-size: 17px;}
	/* -----------*/

}